草庐IT

HTML5 新元素

全部标签

javascript - 如何在剑道列模板中为元素设置弹出位置的 anchor

我使用kenodUI来创建我的WebUI。我有一个如下所示的列模板vartemplate="#:Contact#";我想每次点击详细信息按钮时弹出一个窗口,弹出窗口的位置应该在我点击的按钮的右下角。这是我目前所做的varpopup=$("#detailsPopup");popup.kendoPopup({anchor:"#details-button",origin:"bottomright",});但它不起作用。每次,弹出窗口显示在第一行按钮的右下角,而不是我单击的按钮的右下角。检查生成的html,所有按钮的ID都相同(详细信息按钮)。因此弹出窗口始终显示与第一个详细信息按钮相关的内

javascript - CKEditor - 单击上下文菜单后获取元素

我使用此代码在ckeditor中添加了指向img上下文菜单的链接CKEditor-AddContextMenuItemtoImages如何获取用户点击的图片信息?例如图片的id。或者路径。为了处理选定的图像。 最佳答案 解决方案非常简单。$('body').on('contextmenu','img',function(){varimgid=$(this).attr('id');alert(imgid);})使用jquery跟踪图片点击,我们可以将它的id保存到全局变量中。然后,在插件的命令里面,取我们之前保存的id。

javascript - 如果该索引位置存在元素,如何更新 javascript 数组?

jQuery和JavaScript的新手所以请保持温柔...我正在开发一个POC,以创建一个“列映射”页面,用户可以在其中将“列标题”列表拖放到新列标题的网格中。我需要构建一个可以发送回SQL数据库的数组。我让这部分(大部分)按照我想要的方式运行。当将元素从左侧的列列表拖到右侧的标题网格时,如果该元素存在,代码应更新/替换该索引处的数组元素。如果该元素不存在,则应将该元素添加到数组中。例如:如果将“名字”拖到“标题”,则应将其添加到索引位置0。如果随后将“名字”拖到“with”,则应删除索引0处的“名字”值并在位置1添加值。如果您随后将“姓氏”拖到“with”,它应该使用“姓氏”值更新

javascript - 在 React DnD drop 中获取 DOM 中的元素位置?

我正在使用ReactDnD和Redux(使用Kea)构建一个表单生成器。我的拖放部分工作得很好,我已经设法在元素掉落时分派(dispatch)一个Action,然后我使用分派(dispatch)改变的状态渲染构建器。但是,为了以正确的顺序呈现元素,我(认为我)需要保存丢弃的元素相对于它的sibling的位置,但我无法找出任何不是绝对疯狂的东西。我已经尝试过使用refs并使用唯一ID查询DOM(我知道我不应该这样做),但是这两种方法都感觉很糟糕,甚至都不起作用。这是我的应用程序结构的简化表示:@DragDropContext(HTML5Backend)@connect({/*reduxt

javascript - 如何让 ESLint 对 VSCode 中的 HTML 文件进行 lint?

我有一个Javascript浏览器项目拆分为多个文件,无法让ESLint在相同的全局范围内检查我的HTML文件的脚本标签,以便在一个文件中声明和调用类和函数可以在另一个文件中识别。这是我的项目结构:这是foo.js的内容:sayHello();和bar.js:functionsayHello(){console.log('Hello');}我已经在HTML文件中链接了它们:我认为解决这个问题的方法是使用eslint-plugin-html包,但尝试配置它却没有成功。这些是我在项目本地安装的包:Alexs-MacBook-Pro:Demoalexmcdermott$npmlist--de

javascript 模糊事件——有什么方法可以检测哪个元素现在有焦点吗?

这个问题在这里已经有了答案:Whena'blur'eventoccurs,howcanIfindoutwhichelementfocuswent*to*?(23个回答)关闭9年前。有没有人有一种技术可以让我确定哪个元素在模糊事件后具有焦点?我有一个输入字段,我想在模糊时重置它,除非模糊是由用户单击“保存”按钮引起的。我很想在保存按钮的onclick函数中设置一个标志,但这会触发得太晚(除非点击事件总是在模糊事件之前触发,我对此表示怀疑。)

javascript - jQuery 选择器检查元素是否动画隐藏

有没有办法判断一个元素是隐藏的还是当前正在隐藏的过程中(通过动画)?我能想到的唯一方法是在调用show或hide时在元素的data中存储一个标志,但我想知道如果有别的办法呢? 最佳答案 你能为它做一个自定义的jQuery选择器吗(function($){varendOpacity,oldStep=jQuery.fx.step.opacity;$.fx.step.opacity=function(fx){endOpacity=fx.end;returnoldStep(fx);};$.expr[':'].hiding=function(

javascript - 在 HTML5 Canvas 上创建立体 3D 图像

我正在使用HTML5canvas对象创建一个简单的3D引擎。它运作良好,但我想实现红/蓝立体图像处理,这样人们就可以使用红/蓝眼镜真正看到3D。目前,我对3D对象进行了两次渲染,第二次是从紧挨着第一个相机位置的相机位置渲染的。我面临的问题是如何将渲染的两个对象组合成具有正确颜色的浮雕。现在我使用globalAlpha=0.5并将第一个渲染为红色,第二个渲染为蓝色。然而,这并不完全有效,因为仅受红色对象影响的像素应该保持红色,但由于我的背景颜色是黑色,它们会变成黑色和红色之间的颜色。在查看创建3D浮雕的应用程序时,我注意到红色和蓝色像素一起计算如下:2550000255---------

javascript - 将键盘事件附加到 HTML 中的 SVG 元素

当在浏览器中运行HTML内的SVG时,无论如何要将textInput或keypress(或实际上任何其他文本输入)事件附加到SVG元素?我可以将事件处理程序附加到document.documentElement,但是当我通过任何机制将事件处理程序附加到任何类型的SVGElement时,没有任何反应......SVG,g,rect......我从SVG规范中看到这不受支持(W3SVGlistofevents),但是是否有任何浏览器支持任何“附加功能”?我无法在Chrome或Firefox上运行以下内容...Keyeventtestbody,html{margin:0;padding:0;

javascript - 为什么 IE8 错误地提示加载了非安全元素?

我管理一个在SSL下运行的电子商务网站。问题发生在我网站的购物车的最后一页,该页面在SSL下加载。问题是InternetExplorer8.0(包括版本8.0.6001.18702和其他版本的IE8,但据报道不是所有版本的IE8)至少提示一个不安全的元素加载,这吓跑了一些我的潜在客户。IE8在页面明显完全加载后(似乎没有丢失图像)显示一个对话框,上面写着:"SecurityWarning:Doyouwanttoviewonlythewebpagecontentthatwasdeliveredsecurely?Thiswebpagecontainscontentthatwillnotbe